
// BaseControl currently has an override for the label to accommodate the use case where the label is shown next to the control.
// In site settings forms, the label is above the control for regular fields so we need to override this override for UI consistency.
.dataforms-layouts-regular__field .components-base-control__label {
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
}

// Core CheckboxControl's :disabled styles are overridden by its :checked styles. This is our workaround.
// @see http://github.com/WordPress/gutenberg/issues/59411
.dataforms-layouts-regular__field .components-checkbox-control:has(input[type="checkbox"]:disabled) {
	label {
		cursor: default;
	}

	input[type="checkbox"] {
		background: #f0f0f0;
		border-color: #ddd;
		cursor: default;
		opacity: 1;
	}

	svg {
		fill: var(--dashboard__text-color);
	}
}
